<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>我的携程</title>
	<link rel="stylesheet" type="text/css" href="css/myhome.css"/>
</head>
<body>
	<header>
		<div class="center">
			<div class="center_left">
				<span>让旅行更幸福</span>
				<span>Language</span>
				<span></span>
				<span>网站无障碍</span>
			</div>
			<div class="center_right">
				<ul>
					<li>
						<h4 id="come"><a href="javascript:;">欢迎! <span>xxx</span>登录</a></h4>
						<p id="log"><a href="javascript:;">您好，请登录</a></p>
					</li>
					<li>消息</li>
					<li>我的携程</li>
					<li>我的订单</li>
					<li>客服中心</li>
					<li></li>
				</ul>
			</div>
		</div>
	</header>
	
	<div class="logo center">
		<a href="./index.html"><img src="./imgs/logo.png" ></a>
		<div class="inp">
			<input type="text" name="" value="" placeholder="搜索旅行地/酒店/旅游/景点门票/交通" /><button type="button"></button>
		</div>
		<div class="number">
			<span>境内：95010</span>
			<span>(或)400-830-6666</span>
		</div>
	</div>
	
	<div class="banner">
		<div class="center">
			<ul>
				<li>首页</li>
				<li>酒店</li>
				<li>旅游</li>
				<li>跟团游</li>
				<li>自行游</li>
				<li>机票</li>
				<li>火车</li>
				<li>汽车.船</li>
				<li>用车</li>
				<li>门票</li>
				<li>攻略</li>
				<li>全球购</li>
				<li>礼品卡</li>
				<li>商旅</li>
				<li>邮轮</li>
				<li>目的地</li>
				<li>金融</li>
				<li>更多</li>
			</ul>
		</div>
	</div>
	
	<div class="container">
		<div class="cont_left">
			<!-- 150 400 -->
			<ul>
				<li>订单</li>
				<li>我的消息</li>
				<li class="open">钱包
					<ol>
						<li>我的钱包</li>
						<li>钱包安全设置</li>
					</ol>
				</li>
				<li>优惠券</li>
				<li>积分</li>
				<li>我的收藏</li>
				<li>我的发票</li>
				<li class="open">常用信息
					<ol>
						<li>常用旅客信息</li>
						<li>常用联系人</li>
						<li>常用报销凭证</li>
						<li>常用地址</li>
					</ol>
				</li>
				<li class="open">个人中心
					<ol>
						<li>我的信息</li>
						<li>绑定和关联</li>
						<li>账户安全</li>
						<li>我的社区主页</li>
					</ol>
				</li>
			</ul>
		</div>
		<div class="cont_midd">
			<div class="card">
				<div class="person">
					<img src="./myhome/Z804180000013uqy3DB02.jpg" >
					<div class="a">
						<a href="">尊敬的会员</a>
						<a href="">普通会员></a>
					</div>
					<img src="./myhome/letter.jpg" >
				</div>
				<ul>
					<li>
						<p>礼品卡</p>
						<p>￥0</p>
					</li>
					<li>
						<p>现金</p>
						<p>￥0</p>
					</li>
					<li>
						<p>发现</p>
						<p>￥0</p>
					</li>
					<li>
						<p>积分</p>
						<p>￥0</p>
					</li>
					<li>
						<p>优惠券</p>
						<p>￥0</p>
					</li>
				</ul>
			</div>
			<div class="list">
				<ul>
					<li class="active">全部订单</li>
					<li>未出行</li>
					<li>待付款</li>
					<li>待评价</li>
				</ul>
				<ol>
					<li class="active">全部订单</li>
					<li>未出行</li>
					<li>待付款</li>
					<li>待评价</li>
				</ol>
			</div>
			<div class="list">
				<ul>
					<li class="active">最新收藏</li>
				</ul>
				<ol>
					<li class="active">最新收藏</li>
				</ol>
			</div>
			<div class="list">
				<ul>
					<li class="active">浏览历史</li>
				</ul>
				<ol>
					<li class="active">浏览历史</li>
				</ol>
			</div>
		</div>
		<div class="cont_right">
			<div class="band">
				<img src="./myhome/band1.jpg" >
			</div>
			<div class="band">
				<img src="./myhome/band2.jpg" >
			</div>
			<div class="band3">
				<img src="./myhome/band3.jpg" >
			</div>
		</div>
	</div>
</body>
</html>
<script src="./lib/jquery.min.js"></script>
<script type="text/javascript">
$('ul > li').click(function () {
	$(this).toggleClass('active').find('ol').slideToggle()
	$(this).siblings().removeClass('active').find('ol').slideUp()
})

	$('.list > ul > li').click(function() {
		$(this).addClass('active').siblings().removeClass('active');
		$('.list > ol > li').removeClass('active').eq($(this).index()).addClass('active');
	})
</script>
<script src="./lib/jquery.min.js"></script>
<script src="./js/cookie.js"></script>
<script>
	var username = getCookie('username')
    if(username != "") {
		$('#come').css('display','block');
		$('#log').css('display','none');
        $('#come > a > span').html(username);
    } else {
		$('#come').css('display','none');
		$('#log').css('display','block');
    }
	$('#come > a').on('click',function() {
		location.href = 'index.html';
	})
</script>